<template>
  <div class="empty-state flex flex-col items-center justify-center py-12">
    <el-empty 
      :image="image" 
      :image-size="imageSize" 
      :description="description"
    >
      <slot></slot>
    </el-empty>
  </div>
</template>

<script>
export default {
  name: 'EmptyState',
  props: {
    description: {
      type: String,
      default: '暂无数据'
    },
    image: {
      type: String,
      default: undefined
    },
    imageSize: {
      type: Number,
      default: 100
    }
  }
}
</script> 